@charset "UTF-8";
.nav {
  border: 1px solid black;
  color: #F90;
  width: 100px;
}

/* 二、scss嵌套规则 */
#content article h1 {
  color: #333;
}

#content article p {
  margin-bottom: 1.4em;
}

#content aside {
  background-color: #EEE;
}

#content:hover {
  color: red;
}

#content aside {
  color: red;
}

body.ie #content aside {
  color: green;
}

.container h1, .container h2, .container h3 {
  margin-bottom: .8em;
}

nav a, aside a {
  color: blue;
}

article > section {
  border: 1px solid #ccc;
}

header + p {
  font-size: 1.1em;
}

article ~ article {
  border-top: 1px dashed #ccc;
}

article ~ article {
  border-top: 1px dashed #ccc;
}

article > section {
  background: #eee;
}

article dl > dt {
  color: #333;
}

article dl > dd {
  color: #555;
}

nav + article {
  margin-top: 0;
}

nav {
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}

nav {
  border: 1px solid #ccc;
  border-left: 0px;
  border-right: 0px;
}
